<!--
 * @Author: your name
 * @Date: 2021-12-22 12:17:29
 * @LastEditTime: 2021-12-28 14:16:35
 * @LastEditors: your name
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \shop\src\components\common\tab.vue
-->
<template>
    <div class="footerBox">
        <div class="footer">
          <ul>
            <li class="on">
              <router-link to="/">
                <img src="/assets/images/f1.png">
                <p>首页</p>
              </router-link>
            </li>
            <li>
              <router-link to="/product/product/type">
              <img src="/assets/images/f2.png">
              <p>分类</p>
              </router-link>
            </li>
            <li>
              <router-link to="/product/cart/index">
                <img src="/assets/images/f3.png">
                <p>购物车</p>
              </router-link>
            </li>
            <li>
              <router-link to="/user/base/index">
                <img src="/assets/images/f4.png">
                <p>我的</p>
              </router-link>
            </li>
          </ul>
        </div>
      </div>
</template>
<script>
  export default {
    name: "tab"
  }
</script>